<template>
  <view>
    <view class="header">
      <view class="userInfo" :style="{paddingTop: statusBarHeight + 40 +'px'}">
        <view class="avant">
          <image src="" mode=""></image>
        </view>
        <view class="user">
          <view class="name"></view>
          <view class="modify"></view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        statusBarHeight: uni.getSystemInfoSync().statusBarHeight
      };
    }
  }
</script>

<style lang="scss">
.header {
  min-height: 50vw;
  background: linear-gradient(180deg,#2cb5a575,#2cb5a500);
  .userInfo {
    .avant {
      image {
        width: 70*2rpx;
        height: 70*2rpx;
      }
    }
  }
}
</style>
